<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    

    <script>
        function axios(obj) {
            const {url,method} = obj 
            return new Promise((resolve,reject)=>{
                const xhr = new XMLHttpRequest()
                xhr.open(method,url)
                xhr.send()
                xhr.onload = function() {
                    var newdata = JSON.parse(xhr.responseText)
                    resolve(newdata)
                }
            })
        }
        axios({
            url:'http://localhost:8888/music',
            method:'get'
        }).then((res)=>{
            console.log('res',res)
        })




      


        
    //  var p1=   axios({
    //         url:'http://localhost:8888/music',
    //         method:'get'
    //     })


    //     // p1 =  new Promise((resolve,reject)=>{
    //     //         const xhr = new XMLHttpRequest()
    //     //         xhr.open(method,url)
    //     //         xhr.send()
    //     //         xhr.onload = function() {
    //     //             var newdata = JSON.parse(xhr.responseText)
    //     //             resolve(newdata)
    //     //         }
    //     //     })



    //     p1.then((res)=>{
    //         console.log('res',res)
    //     })



        
        
        //  .then((res)=>{
        //     console.log('res',res)
        // })
    </script>
</body>
</html>